<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF - 8">
    <title>自动刷新页面</title>
</head>
<body>
    <p>页面将在30秒无操作后自动刷新。</p>
    <script>
        let lastActionTime = Date.now();
        // 记录操作时间的函数
        function recordActionTime() {
            lastActionTime = Date.now();
        }
        // 监听鼠标移动事件
        document.addEventListener('mousemove', recordActionTime);
        // 监听鼠标滚轮事件
        document.addEventListener('mousewheel', recordActionTime);
        // 监听鼠标按下事件
        document.addEventListener('mousedown', recordActionTime);
        // 监听鼠标松开事件
        document.addEventListener('mouseup', recordActionTime);
        // 监听键盘按键按下事件
        document.addEventListener('keydown', recordActionTime);
        // 监听键盘按键松开事件
        document.addEventListener('keyup', recordActionTime);
        // 每1秒检查一次是否达到30秒无操作
        setInterval(() => {
            if (Date.now() - lastActionTime >= 3000) {
                location.reload();
            }
        }, 1000);
    </script>
</body>
</html>